<template>
	 <view class="content">
	    <view v-for="(item, index) in list" :key="index" class="item">
	      <view class="item-title">{{ item.title }}</view>
	      <view v-if="item.status === 1" class="item-status status-1">{{item.text}}</view>
		  <view v-else-if="item.status === 2" class="item-status status-2">{{item.text}}</view>
	      <view v-else class="item-status status-3">{{item.text}}</view>
	    </view>
		<view class="bottom-img">
			<image class="bottom-banner" src="/static/illustration/story.png"></image>
		</view>
	  </view>
</template>

<script>
	export default {
	  data() {
	    return {
	      list: [
	        { text: '安国，古称祁州，', status: 1 },
	        { text: '物华天宝，人杰地灵。', status: 1 },
	        { text: '“草到安国方成药，药经祁州始生香”，', status: 2 },
	        { text: '这座药香弥漫的古城，', status: 1 },
	        { text: '见证着众多医者、药商的迎来送往。', status: 3 },
	        { text: '东汉名将邳彤，', status: 1 },
	        { text: '精通医理，济世爱民，', status: 1 },
	        { text: '后葬于祁州，奉为“药王”。', status: 1 },
	        { text: '安国中药材贸易，', status: 1 },
	        { text: '始于北宋，盛于清代，', status: 2 },
	        { text: '集散之繁荣，让“药都”之名享誉四海。', status: 2 },
	        { text: '', status: 3 },
	        { text: '采祁，', status: 2 },
	        { text: '采祁州之茶，酌国色之香。', status: 1 },
	        { text: '我们从药都安国出发，', status: 1 },
	        { text: '甄选全国优质地道的中药材，', status: 1 },
	        { text: '结合传统中医理论和现代营养学，', status: 1 },
	        { text: '调配出符合国人体质和口感的茶饮，', status: 1 },
	        { text: '旨在成为“引领健康饮茶风尚，传承国学养生精髓”的 新中式茶饮品牌。', status: 3 },
	        { text: '药有阴阳调和，君臣佐使，', status: 2 },
	        { text: '食有四性五味，顺天应时。', status: 2 },
	        { text: '日常的一餐一饮，', status: 1 },
	        { text: '都蕴藏着古老的养生哲学，', status: 1 },
	        { text: '等待我们耐心寻味。', status: 3 },
	        { text: '当我们在都市劳碌奔波，身心俱疲时，', status: 1 },
	        { text: '浅酌一杯温胃暖心的热茶，', status: 1 },
	        { text: '在闲暇须臾的刹那，', status: 1 },
	        { text: '细嗅芳菲，味蕾绽放，', status: 1 },
	        { text: '体悟到自然对身心的滋养与抚慰。', status: 3 },
	        { text: '以花草为媒，以茶汤为引，', status: 1 },
	        { text: '让我们以惬意、舒展、豁达的姿态，', status: 1 },
	        { text: '致敬生命中的阴晴、无常与喜悲，', status: 1 },
	        { text: '让“药食同源、草本养生”的国学瑰宝，', status: 1 },
	        { text: '陪伴着我们，回归身心的和谐与平衡，', status: 1 },
	        { text: '让平凡的每一天，', status: 1 },
	        { text: '因健康、喜悦和安宁，而熠熠生辉。', status: 1 }
	        // ...更多任务数据
	      ]
	    };
	  }
	};
</script>

<style>
	page {
	    background: linear-gradient(#FBFDF5 0%, #FFFFFF 200%);
	}
	.content {
		padding-top:60rpx;
	}
	.item-status{
		width:90%;
		margin:0 auto;
		font-size: 28rpx;
		color: #1A8148;
		text-align: center;
		line-height: 50rpx;
	}
	.status-1{
		
	}
	.status-2{
		font-weight: bold;
	}
	.status-3{
		margin-bottom:60rpx;
	}
	.bottom-banner{
		width:100%;
		height:498rpx;
	}
</style>